<template>
  <div id="theory">
    <a-tabs default-active-key="1">
      <a-tab-pane key="1" tab="详情列表">
        <TheryTable ref="TheryTable" :detailData="detailData" @goBack="$emit('goBack')"/>
      </a-tab-pane>
      <a-tab-pane key="2" tab="成绩统计" v-if="$store.state.userData.roleName == 'educator'">
        <TheryChart ref="TheryChart" :detailData="detailData"/>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>
<script>
import CourseInf from "@/components/LessonPlan/CourseInf.vue"; //课程信息
import TheryChart from "./TheryChart.vue";//成绩统计
import TheryTable from "./TheryTable.vue";//详情列表
export default {
  props:{
    detailData:{},
  },
  components: {
    CourseInf,
    TheryChart,
    TheryTable,
  },
  data() {
    return {
      
    };
  },
  created() {},
  methods: {
  },
};
</script>
<style scoped>
#theory {
  padding: 24px 32px;
  margin: 30px 20px 0 20px;
  border-radius: 2px;
}
</style>
<style lang="scss">
#theory {
  height: 800px;
  background: url("~@/assets/img/tableDataBg.png") repeat 100% !important;
  background-size: cover !important;
  .ant-table-placeholder{
    height: 490px !important;
  }
}
</style>